<template lang="">
  <div style="width: 100%;">
    <div style="width:96%;margin-left: 2%;">
      <div style="width: 49%;height:220px;background-color:#F2F2F2;float: left;margin-bottom: 20px;margin-right: 2%;">
        <div style="width: 13.5%;height:180px;float:left;margin-top: 20px;margin-left: 1.5%;">
          <img style="width: 100%;height:180px;" src="https://img1.baidu.com/it/u=1128289016,2718315226&fm=253&fmt=auto&app=138&f=JPEG?w=510&h=500">
        </div>
        <div style="height:180px;width:50%;float:left;margin-top: 20px;margin-left: 2%;">
          <div style="font-size: 20px;">我是竞品名称啊啊啊啊</div>
          <div>
            <span>当前价格：</span>
            <span style="color: #d7000f;font-size: 26px;font-weight: bold;">￥2000</span>
          </div>
          <div style="margin-top: 10px;">
            <span>当前状态：</span>
            <span style="color: #d7000f;font-size: 18px;font-weight: bold;">已结束</span>
          </div>
          <div style="margin-top: 10px;">联系人：11111</div>
          <div style="margin-top: 10px;">手机号：1234567890</div>
        </div>
        <div style="height: 180px;float:left;margin-top: 20px;width: 32.5%;line-height: 180px;">
          <button style="width: 120px;height:50px;line-height:50px;background-color:#d7000f;border: none;color: #fff;font-size: 16px;border-radius:30px;;">设置拍卖信息</button>
        </div>
      </div>
      <div style="width: 49%;height:220px;background-color:#F2F2F2;float: left;margin-bottom: 20px;">
        <div style="width: 13.5%;height:180px;float:left;margin-top: 20px;margin-left: 1.5%;">
          <img style="width: 100%;height:180px;" src="https://img1.baidu.com/it/u=1372299734,2615770327&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800">
        </div>
        <div style="height:180px;width:50%;float:left;margin-top: 20px;margin-left: 2%;">
          <div style="font-size: 20px;">我是竞品名称啊啊啊啊</div>
          <div>
            <span>当前价格：</span>
            <span style="color: #d7000f;font-size: 26px;font-weight: bold;">￥2000</span>
          </div>
          <div style="margin-top: 10px;">
            <span>当前状态：</span>
            <span style="color: #d7000f;font-size: 18px;font-weight: bold;">已结束</span>
          </div>
          <div style="margin-top: 10px;">联系人：11111</div>
          <div style="margin-top: 10px;">手机号：1234567890</div>
        </div>
        <div style="height: 180px;float:left;margin-top: 20px;width: 32.5%;line-height: 180px;">
          <button style="width: 120px;height:50px;line-height:50px;background-color:#d7000f;border: none;color: #fff;font-size: 16px;border-radius:30px;;">设置拍卖信息</button>
        </div>
      </div>
      <div style="width: 49%;height:220px;background-color:#F2F2F2;float: left;margin-bottom: 20px;margin-right: 2%;">
        <div style="width: 13.5%;height:180px;float:left;margin-top: 20px;margin-left: 1.5%;">
          <img style="width: 100%;height:180px;" src="https://img1.baidu.com/it/u=1372299734,2615770327&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800">
        </div>
        <div style="height:180px;width:50%;float:left;margin-top: 20px;margin-left: 2%;">
          <div style="font-size: 20px;">我是竞品名称啊啊啊啊</div>
          <div>
            <span>当前价格：</span>
            <span style="color: #d7000f;font-size: 26px;font-weight: bold;">￥2000</span>
          </div>
          <div style="margin-top: 10px;">
            <span>当前状态：</span>
            <span style="color: #d7000f;font-size: 18px;font-weight: bold;">已结束</span>
          </div>
          <div style="margin-top: 10px;">联系人：11111</div>
          <div style="margin-top: 10px;">手机号：1234567890</div>
        </div>
        <div style="height: 180px;float:left;margin-top: 20px;width: 32.5%;line-height: 180px;">
          <button style="width: 120px;height:50px;line-height:50px;background-color:#d7000f;border: none;color: #fff;font-size: 16px;border-radius:30px;;">设置拍卖信息</button>
        </div>
      </div>
      <div style="width: 49%;height:220px;background-color:#F2F2F2;float: left;margin-bottom: 20px;">
        <div style="width: 13.5%;height:180px;float:left;margin-top: 20px;margin-left: 1.5%;">
          <img style="width: 100%;height:180px;" src="https://img1.baidu.com/it/u=1372299734,2615770327&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800">
        </div>
        <div style="height:180px;width:50%;float:left;margin-top: 20px;margin-left: 2%;">
          <div style="font-size: 20px;">我是竞品名称啊啊啊啊</div>
          <div>
            <span>当前价格：</span>
            <span style="color: #d7000f;font-size: 26px;font-weight: bold;">￥2000</span>
          </div>
          <div style="margin-top: 10px;">
            <span>当前状态：</span>
            <span style="color: #d7000f;font-size: 18px;font-weight: bold;">已结束</span>
          </div>
          <div style="margin-top: 10px;">联系人：11111</div>
          <div style="margin-top: 10px;">手机号：1234567890</div>
        </div>
        <div style="height: 180px;float:left;margin-top: 20px;width: 32.5%;line-height: 180px;">
          <button style="width: 120px;height:50px;line-height:50px;background-color:#d7000f;border: none;color: #fff;font-size: 16px;border-radius:30px;;">设置拍卖信息</button>
        </div>
      </div>
    </div>
    <!-- 分页 -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[4, 8, 12, 16]"
      :page-size="4"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total" style="margin:10px auto;float:left;width:100%;text-align: center;">
  </el-pagination>
  </div>
</template>
<script>
export default {
  data () {
    return {
      currentPage4: 1, // 分页显示第几页
      pageRequest: { // 分页请求参数
        pageSize: 4, // 每页条数
        pageNum: 1 // 每页数量
      },
      total: 0 // 分页总条数
    }
  },
  mounted () {

  },
  methods: {
    handleSizeChange (val) { // 改变每页条数
      this.pageRequest.pageSize = val
    },
    handleCurrentChange (val) { // 改变当前页
      this.pageRequest.pageNum = val
    }
  }
}
</script>
<style lang="less" scoped>
  /deep/.el-button {
    height: 50px;
    width: 80px;
    /* display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer; */
    background: #BD0102;
    border: 1px solid #DCDFE6;
    color: #fff;
    /* -webkit-appearance: none; */
    text-align: center;
    /* box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px; */
    font-size: 14px;
    border-radius: 20%;
}
</style>
